<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>${title}</title>
    <link rel="stylesheet" href="${basePath}/static/bootstrap/css/bootstrap.css"/>
    <link href="${basePath}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/login.css" rel="stylesheet" type="text/css">

    <link href="${basePath}/static/css/list.css" rel="stylesheet" type="text/css">
    <script  type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
    <script  type="text/javascript" src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
    <script  type="text/javascript" src="${basePath}/static/layer/layer.js"></script>
    <link href="${basePath}/static/layer/layer_style.css" rel="stylesheet" type="text/css">
    
</head>
<body>
<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

<!--内容部分-->
<div class="list_main lay_out" class="clearfix">
    <div class="list_DH">
        <%@include file="/WEB-INF/templates/common/qualityNav.jsp"%>
    </div>
    <div class="list_NR">
        <div class="loc">
            <h3 style="margin:0;width:auto">质控首页统计</h3>
        </div>
        <div class="list_con_table">
        
        	 <div class="search_table">
        	          <ul class="clearfix" style="margin-bottom:0;">
                            <li class="Label_1" style="width:11%">出院日期：&nbsp;</li>
               <li class="Label_2" style="width:27%;">
                   <input style="width:43%;" class="input_box" id="outHospitalStartDate" value='' onFocus="WdatePicker()" type="text" > 
                   - <input style="width:43%" class="input_box" id="outHospitalEndDate"  value='' onFocus="WdatePicker()" type="text" >
               </li>
               <li class="Label_1" style="width:11%">识别码：&nbsp;</li>
               <li class="Label_2">
               	<input class="input_box" type="text"  id="mrId" value='' />
               </li>
               <li class="Label_1" style="width:11%">患者姓名：&nbsp;</li>
               <li class="Label_2">
               	<input class="input_box" type="text"  id="name" value='' />
               </li>
              <!--  <li class="Label_1" style="width:11%">身份证号：&nbsp;</li>
               <li class="Label_2" style="width:27%;text-align:left;padding-left:5px"><input class="input_box" type="text" style="width:98%"  id="idCard"  value='' />          	 
               </li> -->
                <li class="Label_1" style="width:11%">质控日期：&nbsp;</li>
               <li class="Label_2" style="width:27%;">
                   <input style="width:43%;" class="input_box" id="qualityStartDate" value='' onFocus="WdatePicker()" type="text" > 
                   -&nbsp;<input style="width:43%" class="input_box" id="qualityEndDate"  value='' onFocus="WdatePicker()" type="text" >
               </li>
               <li class="Label_1" style="width:11%">出院科室：&nbsp;</li>
               <li class="Label_2" >      
               	<select class="input_box" style="width:97%" id="outHospitalOfficeId">
               		<option value="">请选择</option>
               		<c:forEach var="office" items="${officeList }"> 
               			<option value="${office.id }">${office.name}</option>
               		</c:forEach>
                	
                	</select>
                </li>
                <li class="Label_1" style="width:11%">病案号：&nbsp;</li>
               <li class="Label_2">
               	<input class="input_box" type="text"  id="onlyId" value='' />
               </li>
                <li class="Label_5">
				     <a onclick="searchQua()">查询</a>
				    <!--  <a onclick="exportMedFileReworkToExcel()">导出</a> -->
				</li>
                </ul>
               </div>
        
            <table class="Search_tableList" cellpadding="0" cellspacing="0">
                <tr>
             		<td class="tdLabel_4">病案号</td>
                    <td class="tdLabel_4">识别码</td>
                    <td class="tdLabel_4">姓名</td>
                    <td class="tdLabel_4">出院时间</td>
                    <td class="tdLabel_4">出院科室</td>
                    <td class="tdLabel_4">质控内容</td>
                    <td class="tdLabel_4">质控人</td>
                    <td class="tdLabel_4">质控时间</td>
                </tr>
                <tr id="loading" style="height:50px;display:none">
	             <td colspan="7" align="center" ><img src="${basePath}/static/layer/skin/default/loading-2.gif"></td>
	            </tr>
                <tbody id="tbody">
                
                </tbody>
            </table>
        </div>
        <div class="pageList">
            <ul class="pagination clearfix" id="page_plus"></ul>
            <div class="pagination">
                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
            </div>		
        </div> 
        	
    </div>
</div>
<!------页脚部分--------->
<%@include file="/WEB-INF/templates/common/footer.jsp"%>

<!--JS部分-->
<script type="text/javascript">
	function searchQua(){
		queryQua(1,10);
	}

	function queryQua(pageNum,pageSize){
		
		var onlyId=$("#onlyId").val();
		var mrId=$("#mrId").val();
		var name=$("#name").val();
		var outHospitalOfficeId=$("#outHospitalOfficeId").val();
		var outHospitalStartTime = $("#outHospitalStartTime").val();
		var outHospitalEndTime = $("#outHospitalEndTime").val();
		var qualityStartTime = $("#qualityStartDate").val();
		var qualityEndTime = $("#qualityEndDate").val();
		/* if ((outHospitalOfficeId == null || outHospitalOfficeId == "")
				&& (mrId == null || mrId == "")
				&& (onlyId == null || onlyId == "")
				&& (outHospitalStartTime == null || outHospitalStartTime == "")
				&& (outHospitalEndTime == null || outHospitalEndTime == '')
				&& (name == null || name == '')
				&& (qualityStartTime == null || qualityStartTime == '')
				&& (qualityEndTime == null || qualityEndTime == '')
				) {
			layer.alert("请输入查询条件!", {
				icon : 7
			});
			return;
		} */
		$.ajax({
					type : "post",
					url : "${basePath}/quality/getFirstMedQuaLityList",
					data : {
						name : name,
						onlyId : onlyId,
						mrId : mrId,
						officeId : outHospitalOfficeId,
						startTime : outHospitalStartTime,
						endTime : outHospitalEndTime,
						qualityStartTime:qualityStartTime,
						qualityEndTime:qualityEndTime,
						pageNo : pageNum,
						pageSize : pageSize
					},
					beforeSend : function() {
						$("#tbody").html("");
						$("#loading").show();
					},
					success : function(data) {
						 console.log(data);
						$("#tbody").html("");
						$("#loading").hide();
						if (data.success) {
							var dataList = data.data.list;
							var Count = data.data.count;
							if (dataList.length > 0) {
								var html = "";
								page(pageNum, Count, pageSize);
								for (var i = 0; i < dataList.length; i++) {
									var onlyId = dataList[i].onlyId ? dataList[i].onlyId
											: "";
									var mrId = dataList[i].mrId ? dataList[i].mrId
											: "";
									var name = dataList[i].name ? dataList[i].name
											: "";
									var outHospitalDate = dataList[i].outHospitalDate ? dataList[i].outHospitalDate
											: "";
									var officeName = dataList[i].outHospitalOfficeName ? dataList[i].outHospitalOfficeName
											: "";
									var medQuaDescrition = dataList[i].medQuaDescrition ? dataList[i].medQuaDescrition
											: "";
									var qualityName = dataList[i].qualityName ? dataList[i].qualityName
											: "";
									var qualityTime = dataList[i].qualityTime ? dataList[i].qualityTime
											: "";
									html += " <tr data-guid="+dataList[i].guid+">"
											+ "      <td class='tdLabel_5'>"
											+ onlyId
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ mrId
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ name
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ outHospitalDate
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ officeName
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ medQuaDescrition
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ qualityName
											+ "</td>"
											+ "      <td class='tdLabel_5'>"
											+ qualityTime
											+ "</td>"
											+ "  </tr>";

								}

								$("#tbody").html(html);
							} else {
								layer.alert('查询数据为空!', {
									icon : 5
								});
								$("#tbody").html("");
								$("#currentPage").html("0/0");
								$("#totalPage").html("0");
								$("#page_plus").html("");
							}
						} else {
							layer.alert(data.msg, {
								icon : 5
							});
							$("#tbody").html("");
							$("#currentPage").html("0/0");
							$("#totalPage").html("0");
							$("#page_plus").html("");
						}
					},
					error : function() {
						$("#loading").hide();
						layer.alert("请求错误，请稍后再试！", {
							icon : 5
						});
						$("#tbody").html("");
						$("#currentPage").html("0/0");
						$("#totalPage").html("0");
						$("#page_plus").html("");
					}
				})

	}

	function page(currentPage, totalCounts, pageSize) {
		/*  var pageSize=1; */
		var visiblePages = 10;
		var totalPages = Math.ceil(totalCounts / pageSize);
		$('#page_plus')
				.jqPaginator(
						{
							totalCounts : totalCounts,
							pageSize : pageSize,
							visiblePages : visiblePages,
							currentPage : currentPage,

							first : '<li class="first"><a href="javascript:void(0);">首页</a></li>',
							prev : '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
							next : '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
							last : '<li class="last"><a href="javascript:void(0);">末页</a></li>',
							page : '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
							onPageChange : function(num, type) {

								if (type != 'init') {

									queryQua(num, pageSize);
								}

								$("#totalPage").html(totalCounts);
								$("#currentPage").html(num + "/" + totalPages);
							}
						});

	}

	/*  //首页按钮事件
	function scan(event){
	 var target=$(event.target);
	 var guid=target.closest("tr").attr("data-guid");
	 location='http://localhost:28081/medical-manage/medrecord/medrecordHomePageManage?firstGuid='+guid;
	}
	//图片按钮事件
	function pic(event){
	 var target=$(event.target);
	 var guid=target.closest("tr").attr("data-guid");
	 location='http://localhost:28081/medical-manage/medrecord/paginationMedrecordShow?firstGuid='+guid;
	} */
	//修改按钮事件
	function edit(event) {
		var target = $(event.target);
		var guid = target.closest("tr").attr("data-guid");
		location = '${basePath}/statics/medFileRework_Search_detail?firstGuid='
				+ guid;
	}
</script>
</body>
</html>